@extends("bootstrap")
@section("Title")
    查询界面
@stop
@section("content")
<header>
    <div class="container-fluid" id="emptyHeadline">
    <div class="row">
        !
    </div>
</div>
<nav class="navbar navbar-default" role="navigation" id="header-container">
  <div class="container">
      <div class="navbar-header">
        <a href="#"> <img alt="此处LOGO?" src="#"></a>
      </div>
    <div class="row" id="headGuide">
        <div class="nav navbar-nav navbar-left">
            <ul class="nav navbar-nav">
                <li class="current-menu-item"><a href="#">首页</a></li>
                <li class="current-menu-item"><a href="#">选项</a></li>
                <li  class="dropdown-default">
                    <a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
                            服务选项 <span class="caret"></span></a>
                        <ul class="dropdown-menu">
                            <li class="current-menu-item"><a href="#">系统信息</a></li>
                            <li class="current-menu-item"><a href="#">内容高级检索？</a></li>
                            <li class="current-menu-item"><a href="#">联系我们？</a></li>
                            <li class="divider"></li>
                            <li><a href="#">分离的链接</a></li>
                        </ul>
                </li>
                <li class="current-menu-item"><a href="#"></a></li>
        </div>
        <div class="nav navbar-nav navbar-right">
                <li class="navbar-button-item">
                <div class="navbar-form">
                    <button class="btn btn-default" data-toggle="modal" data-target="#waitlist_modal" type="button">抢先体验</button>
                </div>
                </li>
                <li class="current-menu-item"><a href="/auth/register">注册</a></li>

                <li class="current-menu-item"><a href="/auth/login">登录</a></li>
        </div>
            </ul>
    </div>
  </div>
</nav>
</header>
<div class="jumbotron">
    <div class="container">
    <h1>基于大数据的搜索</h1>
    <p>这里是一堆可能看起来可以丰满网页的内容</p>
    <p><a class="btn btn-primary btn-lg" href="#" role="button">Learn more</a></p>
    </div>
</div>
<div class="container" id="content">
        <div class="col-md-3">

            @foreach($datas as $data)
            <a herf="#">{{$data->bookname}}</a>
            @endforeach

        </div>
    <form class="col-md-6" role="search" method="POST" action="#">
        <div class="form-group">
            <label for="Search"></label>
            <input id="Search" type="text" class="btn col-md-5" placeholder="Search here!">
            <button type="submit" class="btn btn-default btn col-md-2">Search</button>
        </div>
    </form>
</div>
<div class="row" align="center">
        动态信息，根据以后需求内容待定<br>
        <hr>
</div>
<footer>
  <div class="container">
    <div class="footer-info">
        <p>Designed &amp; developed by Jstu, Hane, ZingSS, SuperLatte, Christine,Polaris.</p>
        <p>Copyright © Ben Studio, 2016-2017</p>
    </div>
  </div>
</footer>
@stop

